﻿<!DOCTYPE HTML>
<html>
<head>
<title>省多宝</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">

</head>
<body>
	<div class="header">
		<header id="home">
			<div class="bg_mask">
			<div class="wrap clearfix">
				<div class="logo1"><img src="images/logo.png" alt="title" style="width: 180px;" /></div>
				<h5 style="color: #188bbf; font-size: 26px;">锐意进取,追求卓越</h5>
				<h5 style="color: #188bbf; font-size: 26px; margin-top:18px;">诚信为本,&nbsp;合作创新,&nbsp;用心服务,&nbsp;客户至上</h5>
				<a href="#about" class="button scroll"><img src="images/down.png"></a>
				<div class="clear"> </div>
			</div>
			</div>
		</header>
	</div>
	<nav class="nav_wrapper">
		<div class="wrap">
			<div class="logo"><img src="images/logo.png" alt="logo" /></div>
			<a href="#" class="header_toggle">菜单</a>
			<ul class="navigation">
				<li class="scroll"><a href="#home">首页</a></li>
				<li class="scroll"><a href="#about">关于我们</a></li>
				<li class="scroll"><a href="#services">广告服务</a></li>
				<li class="scroll"><a href="#team">团队合作</a></li>
				<!-- <li class="scroll"><a href="#portfolio">案例展示</a></li> -->
				<li class="scroll"><a href="#contact">联系我们</a></li>
				<div class="clear"></div>
			</ul>
			<div class="clear"> </div>
		</div>
	</nav>
	<script src="js/jquery-latest.min.js"></script>
	<script type="text/javascript" src="js/modernizr.js"></script>
	<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
	<script type="text/javascript" src="js/jquery.singlePageNav.js"></script>
	<script type="text/javascript" src="js/jquery.sticky.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	<div class="about" id="about">
		<div class="wrap">
			<h2>关于省多宝</h2>
			<h4>About Sheng Duo Bao</h4>
			<p class="para_a" style="text-align: left; margin-bottom: 30px;">省多宝共享电子商务有限公司成立于2017年9月，是在国家“互联网+”、“共享经济”和“大众创业、万众创新”的发展战略下，通过对传统市场的广泛调查、研究，对电子商务模式的深度研发而形成的新型电子商务交易平台。公司以“你消费我优惠”为宗旨，依托国家“互联网+”“共享经济”和“一带一路”的发展战略，整合线下实体商家和生产厂家，布局线下产业联盟，线上云商城。在增强消费者信心的同时与联盟商家、厂家、会员形成“共荣、共赢、共通、共享”的经营环境。</p>
			<div class="top-grids">
				<div class="top-grid">
					<!-- <a class="icon monitor" href="#"> </a> -->
					<img src="images/wanglou.png" alt="">
					<a href="#">网络平台</a>
					<p>省多宝共享电子商务平台以网络为平台，搭建以宣传、咨询、咨询、电子交易、网上交流、信息采集、信息发布、数据分析为辅的，服务与各种商家产业链的综合电子商务平台，并结合传统部门，资源共享，优势互补，达到多赢。以互联网+产品打造物联网时代。</p>
				</div>
				<div class="top-grid">
					<!-- <a class="icon target" href="#"> </a> -->
					<img src="images/xm.png" alt="">
					<a href="#">经营项目</a>
					<p>公司现经营共享自助洗车机、共享家庭净水器,汽车连锁超市、教育招生、名酒经销、美容连锁机构、债行业务等。并同步上线省多宝app以您消费我优惠为宗旨，打造线下连锁、商家联盟，线上支付购物消费更优惠。公司布局线下打造品牌连锁1+1汽车连锁超市，目前陆续开展十余家汽车超市。</p>
				</div>
				<div class="top-grid">
					<!-- <a class="icon event" href="#"> </a> -->
					<img src="images/zhengce.png" alt="">
					<a href="#">同步政策</a>
					<p >同时各项共享产品上线响应国家号召共享经济政策，以平台为基础打造各系共享产品如共享酒店、共享汽车等。公司以加盟方式让线下商家进入平台，利用平台的扶持与资源，把线下商家整合，资源共享达到多赢。</p>
				</div>
				<div class="clear"> </div>
			</div>
		</div>
	</div>
	<div class="clients">
		<div class="bg_mask1">
			<div class="wrap">
				<h3>我们的一些客户</h3>
				<h4>我们<img src="images/hot.png">每一个人</h4>
				<div class="clients_img">
					<ul id="flexiselDemo3">
						<li><img src="images/client1.png" /></li>
						<li><img src="images/client2.png" /></li>
						<li><img src="images/client3.png" /></li>
						<li><img src="images/client4.png" /></li>
						<li><img src="images/client1.png" /></li>
						<li><img src="images/client2.png" /></li>
						<li><img src="images/client3.png" /></li>
					</ul>
					<script type="text/javascript" src="js/jquery.flexisel.js"></script>
					<script type="text/javascript">
						$(window).load(function() {
							$("#flexiselDemo3").flexisel({
								visibleItems: 5,
								animationSpeed: 1000,
								autoPlay: true,
								autoPlaySpeed: 3000,
								pauseOnHover: true,
								enableResponsiveBreakpoints: true,
						    	responsiveBreakpoints: {
						    		portrait: {
						    			changePoint:480,
						    			visibleItems: 1
						    		},
						    		landscape: {
						    			changePoint:640,
						    			visibleItems: 2
						    		},
						    		tablet: {
						    			changePoint:768,
						    			visibleItems: 3
						    		}
						    	}
						    });

						});
					</script>
				</div>
			</div>
		</div>
	</div>
	<div class="services" id="services">
		<h3 class="heading"> 我们的项目</h3>
		<p class="desc">有激情和体验</p>
		<div class="wrap">
			<div class="service_grids">
				<div class="grid1">
					<!-- <a class="icon system" href="#"> </a> -->
					<img src="images/qichetu.png" alt="">
					<div class="grid_sub">
						<h3> 汽车销售</h3>
						<h6> </h6>
						<p> 采用创新一站式经营模式，其宗旨是:为广大消费者提供众多汽车品牌选择和最优惠的价格，为大众提供与汽车有关的全方位最完善的优质服务。</p>
					</div>
					<div class="clear"> </div>
				</div>
				<div class="grid1">
					<!-- <a class="icon tools" href="#"> </a> -->
					<img src="images/jiaoyu.png" alt="">
					<div class="grid_sub">
						<h3> 教育招生</h3>
						<h6> </h6>
						<p> 教育是中国领先的教育第三方平台,提供一站式的招生服务,超过4万家培训学校选择 !专业顾问一对一服务,提升课程销量，仅需几分钟就搞定。</p>
					</div>
					<div class="clear"> </div>
				</div>
				<div class="grid1">
					<!-- <a class="icon mobile" href="#"> </a> -->
					<img src="images/xicheji.png" alt="">
					<div class="grid_sub">
						<h3>共享洗车机</h3>
						<h6> </h6>
						<p> 采用创新一站式经营模式，其宗旨是:为广大消费者提供众多汽车品牌选择和最优惠的价格，为大众提供与汽车有关的全方位最完善的优质服务。</p>
					</div>
					<div class="clear"> </div>
				</div>
				<div class="grid1">
					<!-- <a class="icon monitor" href="#"> </a> -->
					<img src="images/mingjiuxiaoshou.png" alt="">
					<div class="grid_sub">
						<h3> 名酒经销</h3>
						<h6> </h6>
						<p> 关于名酒经销，已为您精心挑选出更多的优质商家信息！放心搜索、全程无忧！海量信息帮助您做出更好更靠谱的选择！</p>
					</div>
					<div class="clear"> </div>
				</div>
				<div class="grid1">
					<!-- <a class="icon smonitor" href="#"> </a> -->
					<img src="images/meirong.png" alt="">
					<div class="grid_sub">
						<h3>美容连锁机构 </h3>
						<h6> </h6>
						<p> 是一种新式的营销方式.美容美发行业是一个时尚消费行业,越来越多的连锁巨头通过APP应用向客户提供个性化服务。</p>
					</div>
					<div class="clear"> </div>
				</div>
				<div class="grid1">
					<!-- <a class="icon radio" href="#"> </a> -->
					<img src="images/zhaiwu.png" alt="">
					<div class="grid_sub">
						<h3>债行业务  </h3>
						<h6> </h6>
						<p> 采用创新一站式经营模式，致力于为商户和个人提供满足行业应用的第三方支付服务</p>
					</div>
					<div class="clear"> </div>
				</div>
				<div class="clear"> </div>
			</div>
		</div>
		<div class="slider2">
			<div class=" bg_mask1 bg_mask2">
				<div class="wrap">
					<p><img src="images/lg.png">省多宝共享电子商务平台以网络为平台，搭建以宣传、咨询、咨询、电子交易、网上交流、信息采集、信息发布、数据分析为辅的，服务与各种商家产业链的综合电子商务平台，并结合传统部门，资源共享，优势互补，达到多赢。以互联网+产品打造物联网时代。</p>
					<h6> </h6>
					<h4></h4>
				</div>
			</div>
		</div>
	</div>
	<div class="team" id="team">
		<h3 class="heading"> 认识...团队</h3>
		<p class="desc">他们真的很好</p>
		<div id="small-dialog1" class="mfp-hide">
			<div class="pop_up">
				<div class="member-content clearfix">
                    <div class="left-col">
                    	<div class="member-avatar">
                    		<img src="images/member-1.jpg" alt="" />
                    	</div>
                    </div>
                    <div class="right-col">
                        <div class="member-intro">
                       		<h2>这是我们的技术开发者<span>张三</span></h2>
                        	<p>本人性格内外结合,适应能力强，为人诚实，有良好的人际交往能力，具备相关的专业知识和认真。细心、耐心的工作态度及良好的职业道德修养。相信团体精神的我对工作认真负责，总希望能把事情做得更好! 性格开朗，对文字语言和数字敏感，对生活充满希望，对工作充满热情! 能在短期间内适应新环境，有强烈的品质意识;对工作认真负责，上进心强! 懂电脑基本操作，熟练小键盘操作!</p>
                        </div>
                       <!--  <div class="flx-skill-widget widget">
                            <h3 class="widget-title">Our skills<span></span></h3>
                            <div class="flx-skill clearfix">
                            	<p class="flx-skill-title">Web & UI design</p>
                             	<div class="progress-bar flexible animate"> <span class="progress-75"><span></span></span></div>
                            	<p class="flx-skill-number">75%</p>
                            </div>
                            <div class="flx-skill clearfix">
                            	<p class="flx-skill-title">iOs Development</p>
                            	<div class="progress-bar flexible animate"> <span class="progress-90"><span></span></span> </div>
                            	<p class="flx-skill-number">90%</p>
                            </div>
                            <div class="flx-skill clearfix">
                            	<p class="flx-skill-title">Logo Design</p>
                            	<div class="progress-bar flexible animate"> <span class="progress-50"><span></span></span> </div>
                            	<p class="flx-skill-number">50%</p>
                            </div>
                            <div class="flx-skill clearfix">
                            	<p class="flx-skill-title">Laboratory</p>
                            	<div class="progress-bar flexible animate"> <span class="progress-60"><span></span></span> </div>
                            	<p class="flx-skill-number">60%</p>
                            </div>
                   		</div> -->
            		</div>
                    <div class="clear"> </div>
                </div>
			</div>
		</div>
	</div>
	<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
	<script>
		$(document).ready(function() {
			$('.popup-with-zoom-anim').magnificPopup({
				type: 'inline',
				fixedContentPos: false,
				fixedBgPos: true,
				overflowY: 'auto',
				closeBtnInside: true,
				preloader: false,
				midClick: true,
				removalDelay: 300,
				mainClass: 'my-mfp-zoom-in'
			});
		});
	</script>
	<div class="team_members">
		<div class="wrap">
			<div id="owl-demo" class="owl-carousel">
				<!-- <div class="item" >
					<div class="carousel">
		  	    	  	<a class="popup-with-zoom-anim" href="#small-dialog1">
						<img src="images/1.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	<div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	</div>
		  	    	    </div>
				  	</div>
				</div> -->
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/2.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<!-- <div class="item">
					<div class="carousel">
		  	    	   	<a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/3.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
				  	    <a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/4.jpg" alt="Image 1"/>
						</a>
				  	    <div class="caption-info">
		  	    	    	<div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	</div>
				  	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
		  	    	    <a class="popup-with-zoom-anim" href="#small-dialog1">
						<img src="images/5.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	 <div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	 </div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
		  	    	  	<a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/6.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	<div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	</div>
		  	    	    </div>
				  	</div>
				</div>
				<div class="item">
					<div class="carousel">
		  	    	   	<a class="popup-with-zoom-anim" href="#small-dialog1">
							<img src="images/3.jpg" alt="Image 1"/>
						</a>
		  	    	    <div class="caption-info">
		  	    	    	<div class="caption-info-head">
		  	    	    	 	<div class="caption-info-head-left">
			  	    	    	 	<h4>所在地区</h4>
			  	    	    	 	<span>姓名</span>
		  	    	    	 	</div>
		  	    	    	 	<div class="clear"> </div>
		  	    	    	</div>
		  	    	    </div>
				  	</div>
				</div> -->
			</div>
		</div>
	</div>
	<link href="css/owl.carousel.css" rel="stylesheet">
	<script src="js/owl.carousel.js"></script>
	<script>
	    $(document).ready(function() {
	      $("#owl-demo").owlCarousel({
	        items : 3,
	        lazyLoad : true,
	        autoPlay : true,
	        navigation : true,
		    navigationText : ["",""],
		    rewindNav : false,
		    scrollPerPage : false,
		    pagination : true,
			paginationNumbers: false,
	      });
	    });
	</script>
	<!-- <div id="cbp-so-scroller" class="cbp-so-scroller">
        <div id="portfolio" class="clearfix">
            <div class="portfolio-bg"> </div>
            <div class="typo1">
                <div class="wrapper clearfix">
                    <div class="section-title">
                       <h3 class="heading">案例展示</h3>
					   <p class="desc">这是我们一直的工作</p>
					   <h6> </h6>
                    </div>
                    <div id="options" class="clearfix">
                        <ul id="filters" class="option-set clearfix" data-option-key="filter">
                        	 <li><a href="#filter" data-option-value=".web-design">汽车销售</a></li>
                            <li><a href="#filter" data-option-value=".photo">教育招生</a></li>
                            <li><a href="#filter" data-option-value=".ios-app">共享洗车机</a></li>
                            <li><a href="#filter" data-option-value=".graphic">名酒经销</a></li>
                            <li><a href="#filter" data-option-value=".chain">美容连锁机构</a></li>
                             <li><a href="#filter" data-option-value=".debt">债行业务</a></li>
                              <li><a href="#filter" data-option-value="*" class="selected">所有业务</a></li>
                        </ul>
                    </div>
                </div>
                <ul id="container" class="clickable cs-style-5 grid clearfix">
                    <li class="element photo">
                      <figure>
                          <img src="images/pf-1.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">汽车销售</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                   <div id="nivo-lightbox-demo"><p> <a href="images/pf-1.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                    <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element web-design">
                      <figure>
                          <img src="images/pf-2.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                    <div id="nivo-lightbox-demo"> <p> <a href="images/pf-2.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                     <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element ios-app">
                      <figure>
                          <img src="images/pf-3.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                    <div id="nivo-lightbox-demo"> <p> <a href="images/pf-3.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                     <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element graphic">
                      <figure>
                          <img src="images/pf-4.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                    <div id="nivo-lightbox-demo"> <p> <a href="images/pf-4.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                    <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element photo">
                      <figure>
                          <img src="images/pf-5.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                     <div id="nivo-lightbox-demo"> <p> <a href="images/pf-5.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                    <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element debt">
                      <figure>
                          <img src="images/pf-5.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                     <div id="nivo-lightbox-demo"> <p> <a href="images/pf-5.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                    <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element chain">
                      <figure>
                          <img src="images/pf-5.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                     <div id="nivo-lightbox-demo"> <p> <a href="images/pf-5.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                    <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element web-design">
                      <figure>
                          <img src="images/pf-6.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                     <div id="nivo-lightbox-demo"> <p> <a href="images/pf-6.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                     <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element ios-app">
                      <figure>
                          <img src="images/pf-7.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                    <div id="nivo-lightbox-demo"> <p> <a href="images/pf-7.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                    <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>

                            </figcaption>
                        </figure>
                    </li>

                    <li class="element graphic">
                      <figure>
                          <img src="images/pf-8.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                   <div id="nivo-lightbox-demo"> <p> <a href="images/pf-8.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                     <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element debt">
                      <figure>
                          <img src="images/pf-8.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                   <div id="nivo-lightbox-demo"> <p> <a href="images/pf-8.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                     <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

					<li class="element chain">
                      <figure>
                          <img src="images/pf-8.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                   <div id="nivo-lightbox-demo"> <p> <a href="images/pf-8.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                     <a class="popup-with-zoom-anim  link-gallery" href="#small-dialog2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element photo">
                      <figure>
                          <img src="images/pf-9.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                   <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                     <div id="nivo-lightbox-demo"> <p> <a href="images/pf-9.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                    <a class="popup-with-zoom-anim  link-gallery" href=".consooss2">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>

                    <li class="element web-design">
                      <figure>
                          <img src="images/pf-10.jpg" alt="" />
                          <figcaption>
                                <h3><a href="#">项目名称</a></h3>
                                <div class="meta-box clearfix">
                                    <span class="entry-categories"><a href="#">项目图片</a></span>
                                </div>
                                <footer>
                                   <div id="nivo-lightbox-demo"> <p> <a href="images/pf-10.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> 观看图片</a> </p></div>
                                    <a class="popup-with-zoom-anim  link-gallery" href=".consooss">细节</a>
                                </footer>
                            </figcaption>
                        </figure>
                    </li>
                    <div class="clear"> </div>
                </ul>
            </div>
        </div>
        <script type="text/javascript" src="js/nivo-lightbox.min.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
		    $('#nivo-lightbox-demo a').nivoLightbox({ effect: 'fade' });
		});
		</script>
        <div id="small-dialog2" class="mfp-hide consooss">
			<div class="pop_up2">
				<div class="p-inline-content" >
                    <div class="p-left-col">
                        <ul class="clearfix">
                            <li><img src="images/RoranPreview.jpg" alt="" /></li>
                        </ul>
                        </div>
                        <div class="p-right-col">
                            <div class="sticky-col">
                                <header>
                                    <h3 class="pf-detail-title">项目名称</h3>
                                    <a href="#">链接地址（没有可不写）</a>
                                </header>
                                <p>采用创新一站式经营模式，其宗旨是:为广大消费者提供众多汽车品牌选择和最优惠的价格，为大众提供与汽车有关的全方位最完善的优质服务。</p>
                            </div>
                        </div>
                    <div class="clear"> </div>
                </div>
            </div>
        </div>
        <div id="small-dialog2" class="mfp-hide consooss2">
			<div class="pop_up2">
				<div class="p-inline-content" >
                    <div class="p-left-col">
                        <ul class="clearfix">
                            <li><img src="images/RoranPreview.jpg" alt="" /></li>

                        </ul>
                        </div>
                        <div class="p-right-col">
                            <div class="sticky-col">
                                <header>
                                    <h3 class="pf-detail-title">项目名称22</h3>
                                    <a href="#">链接地址（没有可不写）</a>
                                </header>
                                <p>采用创新一站式经营模式，其宗旨是:为广大消费者提供众多汽车品牌选择和最优惠的价格，为大众提供与汽车有关的全方位最完善的优质服务。</p>
                            </div>
                        </div>
                    <div class="clear"> </div>
                </div>
            </div>
        </div>
    </div> -->
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
	<script src="js/custom.js"></script>
	<div class="contact" id="contact" style="padding-top: 80px;">
		<h3 class="heading">联系我们</h3>
		<p class="desc">我们真的很想听你的来信</p>
		<div class="contact-bg">
			<div class="tool_tip"></div>
			<div class="wrap">
				<div class="form">
					<div class="contact-form">
						<form method="post" action="http://taobao.com" onSubmit="return check()">
					 		<div>
						    	<span><label>名称</label></span>
						    	<span><input name="userName" type="text" class="textbox" id="name"></span>
						    </div>
						    <div>
						    	<span><label>邮箱</label></span>
						    	<span><input name="userEmail" type="text" class="textbox" id="email"></span>
						    </div>
						    <div>
						     	<span><label>项目</label></span>
						    	<span><input name="userPhone" type="text" class="textbox" id="phone"></span>
						    </div>
						    <div>
						    	<span><label>消息</label></span>
						    	<span><textarea name="userMsg" id="msg"></textarea></span>
						    </div>
						   	<div>
						   		<span><input type="submit" value="发送" id="btn"></span>
						  	</div>
						</form>
					</div>
					<div class="address">
						<h3 class="heading">联系我们</h3>
						<div class="c_grids">
							<a class=" icon pointor" href="#"> </a>
							<p>安徽淮北市相山区中泰广场天象大厦a座13楼</p>
							<div class="clear"> </div>
						</div>
						<div class="c_grids">
							<a class=" icon contact-img" href="#"> </a>
							<p>电话： 0561-3228899</p>
							<div class="clear"> </div>
						</div>
						<div class="c_grids">
							<a class=" icon website" href="#"> </a>
							<p>shengduobao@163.com</p>
							<div class="clear"> </div>
						</div>
					</div>
					<div class="clear"> </div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
   	    <div class="wrap">
   	    	<div class="footer-left">
				<div class="copy">
			       <p>省多宝共享科技有限公司 ©黔ICP备17007897号-4 ICP证号:湘B2-20160118 Datang,Inc.All rights reserved.Powered by Datang.</p>
		        </div>
			</div>
	    </div>
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
	    <script type="text/javascript">
			$(document).ready(function() {

				var defaults = {
		  			containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
		 		};
				$().UItoTop({ easingType: 'easeOutQuart' });
			});
		</script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
				});
			});
		</script>
		 <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
   </div>
</body>
<script type="text/javascript">
function check(){
	var name=document.getElementById('name').value;
	var email=document.getElementById('email').value;
	var phone=document.getElementById('phone').value;
	var msg=document.getElementById('msg').value;
	
	if(name==""){
		alert('名称不能为空');
		return false;
	}

	
	if(email==""){
		alert("email不能为空");
		return false;
	}else if(email.indexOf('@')==-1 || email.indexOf('.')==-1){
		alert("email格式不正确");
		return false;
	}

	if(phone==""){
		alert('项目不能为空');
		return false;
	}

	if(msg==""){
		alert('消息不能为空');
		return false;
	}
	
}
var oBtn=document.getElementById('btn');
var num=10;
var timer=null;
oBtn.onclick=function(){
	oBtn.disabled=true;
	oBtn.style.backgroundColor="#999";
	oBtn.style.color='#333';
	timer=setInterval(function(){
		num--;
		console.log(num);
		if(num==0){
			clearInterval(timer);
			btn.disabled=false;
			oBtn.style.backgroundColor="#39A38F";
			oBtn.style.color='#fff';
			num=10;
		}
	},1000)
};
</script>
</html>